<%-- 
    Document   : Usuario
    Created on : 23/10/2012, 05:57:32 PM
    Author     : Vasquez
--%>

<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" href="../css/formulario.css" rel="stylesheet" media="screen"/>
        <title>Mantenimiento de Usuarios</title>
    </head>
    <body>
        <f:view>
            
            <jsp:include page="../TablaSistema/Menu.jsp"/>
            <rich:panel>
                <h:form id="form1">
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-size:10px; font-family:verdana">
                        <tr>
                            <td width="100%" colspan="10">
                                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="left"><h:outputText value="MANTENIMIENTO DE USUARIOS" style="font-weight: bold;"/></td>
                                        <td align="right">
                                            <a4j:status>
                                                <f:facet name="start">
                                                    <h:graphicImage  value="/Imagenes/actions/loading2.gif"/>
                                                </f:facet>
                                            </a4j:status>
                                            <rich:spacer width="8px"/>

                                            <h:graphicImage value="/Imagenes/actions/nuevo.png" style="cursor: pointer;" title="Nuevo">
                                                <a4j:support event="onclick" actionListener="#{mbUsuario.nuevoUsuario}" 
                                                             oncomplete="#{mbUsuario.oncomplete}"
                                                             reRender="mpUsuario"/>
                                            </h:graphicImage>
                                            <rich:spacer width="8px"/>

                                            <h:commandButton image="/Imagenes/actions/buscar.png" action="#{mbUsuario.seleccionarUsuario}" title="Buscar"/>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr style="height: 20px;">
                            <td colspan="10"><hr size="1"></td>
                        </tr>
                        <tr>
                            <td width="10%"><h:outputText value="Usuario :"/></td>
                            <td colspan="9" align="left"><h:inputText id="b_descripcion" value="#{mbUsuario.sUsu_descripcion}" style="width: 300px;"/></td>
                        </tr>
                        <tr style="height: 20px;">
                            <td colspan="10"><hr size="1"></td>
                        </tr>
                    </table>
                </h:form>
                <h:form id="form3">
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-size:10px; font-family:verdana">
                        <tr>
                            <td colspan="10" align="center" valign="bottom" width="100%">
                                <div style="width: 90%">
                                    <p align="right"/>
                                    <rich:datascroller id="paginacion" align="right" for="tablaMaster" maxPages="10" style="width : 100%;"/>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="10" valign="top" align="center">
                                <rich:dataTable id="tablaMaster" width="90%" rows="10"
                                                onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                                onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
                                                cellpadding="0" cellspacing="0"
                                                value="#{mbUsuario.usuarios}" var="usuario">
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Id" />
                                        </f:facet>
                                        <h:outputText value="#{usuario.iUsu_id}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Nombres" />
                                        </f:facet>
                                        <h:outputText value="#{usuario.sUsu_paterno} #{usuario.sUsu_materno}, #{usuario.sUsu_nombre}" />
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Usuario" />
                                        </f:facet>
                                        <h:outputText value="#{usuario.sUsu_usuario}"/>
                                    </rich:column>
                                    <rich:column style="text-align: center;">
                                        <f:facet name="header">
                                            <h:outputText value="Editar"/>
                                        </f:facet>
                                        <f:param id="id_update" value="#{usuario.iUsu_id}"/>
                                        <a4j:commandButton image="/Imagenes/actions/editpaste.png"
                                                           title="Modificar"
                                                           actionListener="#{mbUsuario.actualizarUsuario}"
                                                           action="#{mbUsuario.seleccionarUsuario}"
                                                           oncomplete="#{mbUsuario.oncomplete}"
                                                           reRender="sUsu_paterno, sUsu_materno, sUsu_nombre, 
                                                           sUsu_dni, sUsu_usuario, sUsu_password, cboEstado, cboRol"/>
                                    </rich:column>
                                    <rich:column style="text-align: center;">
                                        <f:facet name="header">
                                            <h:outputText value="Eliminar" />
                                        </f:facet>
                                        <f:param id="id_delete" value="#{usuario.iUsu_id}"/>
                                        <a4j:commandButton image="/Imagenes/actions/no.png"
                                                         title="Eliminar"
                                                         actionListener="#{mbUsuario.verificarEliminacion}"
                                                         oncomplete="#{mbUsuario.oncomplete}"
                                                         reRender="formEliminar"
                                                         />
                                    </rich:column>
                                </rich:dataTable>
                            </td>
                        </tr>
                    </table>
                </h:form>
            </rich:panel>

            <rich:modalPanel id="mpUsuario" autosized="true" zindex="3000" width="300" height="120">
                <f:facet name="header">
                    <h:outputText value="Usuario"/>
                </f:facet>
                <f:facet name="controls">
                    <h:panelGroup>
                        <h:graphicImage value="/Imagenes/actions/stop.png" style="cursor:pointer" onclick="Richfaces.hideModalPanel('mpUsuario')" title="Cerrar"/>
                    </h:panelGroup>
                </f:facet>
                <h:form id="form2">
                    <table style="font-size:12px; font-family:verdana; width: 100%">
                        <tr>
                            <td colspan="2" align="right">
                                <a4j:commandButton image="/Imagenes/actions/filesave.png"
                                                   title="Guardar"
                                                   actionListener="#{mbUsuario.guardarUsuario}"
                                                   action="#{mbUsuario.seleccionarUsuario}"
                                                   oncomplete="#{mbUsuario.oncomplete}" 
                                                   reRender="tablaMaster,paginacion"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2"><hr size="1"></td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="Ap. Paterno: "/>
                            </td>
                            <td>
                                <h:inputText id="sUsu_paterno" value="#{mbUsuario.sUsu_paterno}"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="Ap. Materno: "/>
                            </td>
                            <td>
                                <h:inputText id="sUsu_materno" value="#{mbUsuario.sUsu_materno}"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="Nombres: "/>
                            </td>
                            <td>
                                <h:inputText id="sUsu_nombre" value="#{mbUsuario.sUsu_nombre}"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="DNI: "/>
                            </td>
                            <td>
                                <h:inputText id="sUsu_dni" value="#{mbUsuario.sUsu_dni}"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="Usuario: "/>
                            </td>
                            <td>
                                <h:inputText id="sUsu_usuario" value="#{mbUsuario.sUsu_usuario}"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="Password: "/>
                            </td>
                            <td>
                                <h:inputText id="sUsu_password" value="#{mbUsuario.sUsu_password}"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="Estado: "/>
                            </td>
                            <td>
                                <h:selectOneMenu id="cboEstado" value="#{mbUsuario.sUsu_estado}" >
                                    <f:selectItems value="#{mbUsuario.cboEstado}" />
                                </h:selectOneMenu>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 60px;"><h:outputText value="Rol: "/>
                            </td>
                            <td>
                                <h:selectOneMenu id="cboRol" value="#{mbUsuario.iUsu_rol_id}" >
                                    <f:selectItems value="#{mbUsuario.cboRol}" />
                                </h:selectOneMenu>
                            </td>
                        </tr>
                    </table>
                </h:form>
            </rich:modalPanel>
            
            <rich:modalPanel id="mpEliminar" width="250" height="100"
                             autosized="true" zindex="2000">
                <f:facet name="header">
                    <h:outputText value="Eliminar Usuario" />
                </f:facet>
                <h:form id="formEliminar">
                    <h:panelGroup layout="block" style="text-align: center;font-size: 12px;">
                        <h:outputText  escape="false"
                                       value="Seguro que desea eliminar al Usuario?<br/><br/>"/> 

                        <a4j:commandButton title="Aceptar"
                                           image="/Imagenes/actions/button_accept.png"
                                           actionListener="#{mbUsuario.eliminarUsuario}"
                                           action="#{mbUsuario.seleccionarUsuario}"
                                           oncomplete="Richfaces.hideModalPanel('mpEliminar')"
                                           reRender="tablaMaster,paginacion"/>
                        <rich:spacer width="50px"/>

                        <a4j:commandButton title="Cancelar"
                                           image="/Imagenes/actions/button_cancel.png"
                                           oncomplete="Richfaces.hideModalPanel('mpEliminar')"/>
                    </h:panelGroup>
                </h:form>
            </rich:modalPanel>
        </f:view>
    </body>
</html>
